<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>ROYAL HOTEL</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="first-floor">
    <div class="main-bg">
        <!--标题-->
        <div class="title-0">
            <img src="image/Logo.png" alt=""/>
            <ul>
                <li>
                    <a href="">首页</a>
                </li>
                <li><a href="about.html">关于我们</a></li>
                <li><a href="accomodation.html">住宿设施</a></li>
                <li><a href="Gallery.html">酒店画廊</a></li>
                <li class="menu"><a href="" data-trigger="dropdown">酒店日志</a>
                    <ul class="sub">
                        <li><a href="blog.html">公告</a></li>
                        <li>
                            <hr>
                        </li>
                        <li><a href="">客户评价</a></li>
                    </ul>
                </li>
                <li><a href="login.html">登录</a></li>
                &nbsp;&nbsp;
            </ul>
        </div>

        <!--内容主体-->
        <div class="body-0">
            <div class="body-1"> 远离单调的生活</div>
            <div class="body-2">放松你的头脑</div>
            <div class="body-3">
                <p>邂逅不期而遇的美好</p>
                <p>为全球高端旅行者缔造着卓尔不凡的精彩体验和终生难忘的美好回忆</p>
            </div>
            <div class="body-4"><a href="accomodation.html">马上预订</a></div>
        </div>
        <!--<div class="second-floor">
            <div class="first-step">
                <h5>客房与套房</h5>
            </div>
            <div class="second-step">
                <p></p>
            </div>
            <div class="third-step">
                <ul>
                    <li>
                        <img src="image/room1.jpg" alt="">
                        <p><a href="#">立即预订</a></p>
                        <h6>双人豪华房</h6>
                        <h5>￥250
                            <small>/night</small>
                        </h5>
                    </li>
                    <li>
                        <img src="image/room2.jpg" alt="">
                        <p><a href="#">立即预订</a></p>
                        <h6>豪华单人房</h6>
                        <h5>￥200
                            <small>/night</small>
                        </h5>
                    </li>
                    <li>
                        <img src="image/room3.jpg" alt="">
                        <p><a href="#">立即预订</a></p>
                        <h6>蜜月套房</h6>
                        <h5>￥750
                            <small>/night</small>
                        </h5>
                    </li>
                    <li>
                        <img src="image/room4.jpg" alt="">
                        <p><a href="#">立即预订</a></p>
                        <h6>经济双人房</h6>
                        <h5>￥200
                            <small>/night</small>
                        </h5>
                    </li>
                    <div class="create-height"></div>
                </ul>
            </div>-->
        </div>
        <div class="third-floor">
            <div class="third-main">
                <!--标题部分-->
                <div class="body-1">
                    <h6>皇家设施</h6>
                    <p>卓尔不群，独具一格</p>
                </div>
                <!--内容主体-->
                <div class="body-2">
                    <ul>
                        <li><img src="image/index/res.jpg" alt=""/>
                            <h6>餐厅</h6>
                        </li>
                        <li><img src="image/index/gym.jpg" alt=""/>
                            <h6>健身室</h6>

                        </li>
                        <li><img src="image/index/pool.jpg" alt=""/>
                            <h6>游泳池</h6>

                        </li>
                        <li><img src="image/index/relax.jpg" alt=""/>
                            <h6>休闲区</h6>

                        </li>
                        <li><img src="image/index/bar.jpg" alt=""/>
                            <h6>酒吧</h6>
                        </li>
                        <li><img src="image/index/bath.jpg" alt=""/>
                            <h6>按摩休闲</h6>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="four-floor">
            <div class="left-part">
                <h4>关于我们</h4>
                <h4>酒店历史</h4>
                <h4>Mission & Vision</h4>
                <div>酒店历史介绍</div>
                <a href="about.html">REQUEST CUSTOM</a>
            </div>
            <div class="right-part">
                <img src="image/about_bg.jpg" alt=""/>
            </div>
        </div>
        <!--<div class="five-floor">
            <h6>客户评价</h6>
            <p>客户评价内容</p>
            <div class="float-screen">
                <div class="screen-container">
                    <div>
                        <img src="#" alt="">
                        <p>环境不错,有浴缸可以泡澡,物超所值！ </p>
                        <h4>客户姓名</h4>
                    </div>
                    <div>
                        <img src="#" alt="">
                        <p>客户评价内容 </p>
                        <h4>客户姓名</h4>
                    </div>
                    <div>
                        <img src="#" alt="">
                        <p>评价内容 </p>
                        <h4>客户姓名</h4>
                    </div>
                    <div>
                        <img src="#" alt="">
                        <p>评价内容</p>
                        <h4>客户姓名</h4>
                    </div>
                </div>
            </div>
            <div class="last-menu">
                <a href="#"></a>
                <a href="#"></a>
            </div>
        </div>-->

    <div class="main">
        <div class="header">
            <div class="first-part">
                <h6>ABOUT AGENCY</h6>
                <p>The world has become so fast paced that people don’t want to stand by reading a page of information, they would much rather look at a presentation and understand the message. It has come to a point</p>
            </div>
            <div class="second-part">
                <h6>NAVIGATION LINKS</h6>
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Team</a></li>
                    <li><a href="#">Feature</a></li>
                    <li><a href="#">Prcing</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">Blog</a></li>
                    <li><a href="#">Protfolio</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </div>
            <div class="third-part">
                <h6>NEWSLETTER</h6>
                <p>For business professionals caught between high OEM price and mediocre print and graphic output,</p>
                <div class="input-part">
                    <input type="text" placeholder="Email Address"/>
                    <img src="" alt=""/>
                </div>
            </div>
            <div class="for-part">
                <h6>INSTAFEED</h6>
                <ul>
                    <li><img src="image/instagram/Image-01.jpg" alt=""/></li>
                    <li><img src="image/instagram/Image-02.jpg" alt=""/></li>
                    <li><img src="image/instagram/Image-03.jpg" alt=""/></li>
                    <li><img src="image/instagram/Image-04.jpg" alt=""/></li>
                    <li><img src="image/instagram/Image-05.jpg" alt=""/></li>
                    <li><img src="image/instagram/Image-06.jpg" alt=""/></li>
                    <li><img src="image/instagram/Image-07.jpg" alt=""/></li>
                    <li><img src="image/instagram/Image-08.jpg" alt=""/></li>
                </ul>
            </div>
        </div>
        <div class="foter">
            <div class="part1">
                Copyright ©2018 All rights reserved | made with Colorlib - More Templates 模板之家 - Collect from 网页模板
            </div>
            <div class="part2">
                <ul>
                    <li><img src="" alt=""/></li>
                    <li><img src="" alt=""/></li>
                    <li><img src="" alt=""/></li>
                    <li><img src="" alt=""/></li>
                </ul>
            </div>
        </div>
    </div>
        <div id="footer"></div>
        <script src="js/jquery-3.2.1.js"></script>
        <script src="js/main.js"></script>
        <script src="js/footer.js"></script>
</body>
</html>